<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
    <!-- 引入外部css文件 -->
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/my.css">
</head>
<body>

    <main id="main">
        <div id="portrait">
            <img src="./images/avatar.svg" alt="">
            <div class="info">
                <p>李时珍的秀</p>
                <p>188****8888</p>
            </div>        
        </div>
        <ul id="status">
            <li>
                <div class="iconfont icon-daifukuan"></div>
                待付款
            </li>
            <li>
                <div class="iconfont icon-daifahuo"></div>
                待发货
            </li>
            <li>
                <div class="iconfont icon-daishouhuo-"></div>
                待收货
            </li>
            <li>
                <div class="iconfont icon-yiwancheng"></div>
                已完成
            </li>
        </ul>
        <ul id="function">
            <li>
                <p>
                    <span class="iconfont icon-shouye"></span>
                    <span>我的订单</span>
                </p>
                <span class="iconfont icon-youjiantou"></span>
            </li>
            <li>
                <p>
                    <span class="iconfont icon-dizhi"></span>
                    <span>地址管理</span>
                </p>
                <span class="iconfont icon-youjiantou"></span>
            </li>
            <li>
                <p>
                    <span class="iconfont icon-shoucang"></span>
                    <span>我的收藏</span>
                </p>
                <span class="iconfont icon-youjiantou"></span>
            </li>
            <li>
                <p>
                    <span class="iconfont icon-lianxiwomen"></span>
                    <span>联系客服</span>
                </p>
                <span class="iconfont icon-youjiantou"></span>
            </li>
        </ul>

    </main>
    <!-- 尾部 -->
    <footer id="footer">
        <ul>
            <li>
                <a href="index.html">
                    <span class="iconfont icon-ziyuan"></span>
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href="category.html">
                    <span class="iconfont icon-fenlei"></span>
                    <p>分类</p>
                </a>
            </li>
            <li>
                <a href="shopCart.html">
                    <span class="iconfont icon-gouwuche"></span>
                    <p>购物车</p>
                </a>
            </li>
            <li>
                <a href="my.html" class="active">
                    <span class="iconfont icon-wode"></span>
                    <p>我的</p>
                </a>
            </li>
        </ul>
    </footer>

    <!-- 引入js文件 -->
    <script src="./lib/jquery/jquery.js"></script>
    <script src="./js/my.js"></script>
</body>
</html>